<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //认识dom  

        // d document
        // o object 
        // m  model 

        // 提供给js 一整套操作 文档流的属性和方法 
        // 简单来说 就是  操作页面(标签 元素) 发生变化  


        //  修改标签中间的内容 
        //  修改超文本 (标签 )
        //  元素的增删改查 
        //  操作标签的样式 
        //  操作标签的类名 
        //  操作标签的属性  
        //  操作标签的位置  



        // dom操作的流程

        // 1.捕获你要操作的元素 
        // 2.进行其它操作  

        function randomColor(){
            var red = Math.floor(Math.random()*256);
            var green = Math.floor(Math.random()*256);
            var blue = Math.floor(Math.random()*256);
            var a = Math.random()
            return `rgba(${red},${green},${blue},${a})`

        }


        document.body.style.backgroundColor = randomColor();

    </script>
</body>
</html>